<html>
<head>
  <title>Devcathlon</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .body-text {float: left; width : 400px; padding : 10px}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <ul class="tabs">
        <li><a href="#">Home Page</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="hallOfFame.html">Hall of Fame</a></li>
        <li><a href="help.html">Help</a></li>
      </ul>
    </div>

<div class="wrapper">

<div class="body-text">
<h2>Welcome to Devcathlon!</h2>
<p>
Devcathlon is a web application that supports software development as a "game".  To put
it simply, if you and your team display good programming habits, you earn points and maybe
win matches.  If your or your team display bad programming habits, you lose points and 
probably lose matches.
<p>

<p>
Devcathlon is tightly integrated with the <a href="http://www.hackystat.org/">Hackystat</a> system 
which supports automated collection
of data about your programming behaviors, such as the files you edit, the tests you write, 
the results of your builds, and the results of quality assurance tools like 
<a href="http://checkstyle.sourceforge.net">Checkstyle</a>,
<a href="http://findbugs.sourceforge.net">FindBugs</a>, and 
<a href="http://pmd.sourceforge.net">PMD</a> when run over your code.   
Currently, Devcathlon best supports development in the Java programming
language, though we hope to better support other languages in future. 
<p> 
</div> <!-- End body-text -->

<div style="padding : 20px">
 <form wicket:id="signinForm" class="hform">
   <fieldset>
   <legend>Sign in</legend>
   <p>Enter your Hackystat username and password below to login:</p>
   <p><label>User</label> <input type="text" wicket:id="user" /></p>
   <p><label>Password</label> <input type="password" wicket:id="password" /></p>
   <p><input type="submit" name="Signin" value="Signin" class="button"></p>
   <p>
   <a href="registration.html">Register</a> for a account.
   </p>
   <p>Email 
   <a href="forgottenpassword.html">forgotten password</a>
   </p>
   </fieldset>
 </form>
</div> 

</div> <!-- End wrapper -->



<div id="footerFeedback">
This is the page that users see when they navigate to the toplevel URL, such as 
http://www.devcathlon.org/.
<br/>
The tabs work and will go to samples of their respective pages.
<br/> 
To see what the user might see after logging in, click <a href="profile.html">here</a>. 
</div>

</div> <!-- End id page -->

</body>
</html>
